<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>用户信息</title>
<link rel="stylesheet" type="text/css" href="http://www.wl.cn/resources/css/base/base.css" />
<link rel="stylesheet" type="text/css" href="http://www.wl.cn/resources/css/mall/common.css" />
<link rel="shortcut icon" type="image/x-icon" href="http://www.wl.cn/resources/img/mall/favicon.ico" />
<link rel='stylesheet' href='http://www.wl.cn/resources/css/mall/userCenter-sidenav.css' />
<link rel='stylesheet' href='http://www.wl.cn/resources/css/mall/user-center.css' />
<link rel='stylesheet' href='http://www.wl.cn/resources/css/mall/order-detail.css' />
	
	<script type="text/javascript" src="../js/My97DatePicker/WdatePicker.js"></script>

</head>
<body>
<div class="page">
		<div class="header">
			<div class="header-tips clearfix">
				<div class="tips">
					<a onclick="addfavorite('http://www.wl.cn/','蔚蓝图书网')"
						href="javascript:;">收藏蔚蓝</a> <span>您好，欢迎来到蔚蓝网！</span> <span>
						[<a href="" onclick="sinaLogout();">安全退出</a>]
					</span>
				</div>
				<div class="links clearfix">
					<a class="cartAccount clearfix" title=""> <em>购物车</em> <span></span>
						<em>件</em>
					</a> <a href="">我的蔚蓝</a> <a href="">图书批发</a> <a href="">帮助中心</a>
					<div class="links-div">
						<span>客户服务</span>
						<ul class="client-serve">
							<li><a href="">意见建议 </a></li>
							<li><a href="">蔚蓝公告 </a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="header-search clearfix">
				<a href="" class="logo"> <img src="../amgs/lan.jpg" alt="欢迎来到蔚蓝"></a>
				<div class="search-input clearfix">
					<form action="" class="search-box">
						<input class="J_searchText" type="text" name="keywords" value="">
						<button class="J_searchBtn" type="submit"></button>

						<p>
							<a href="" class="advanced-search">高级搜索</a> <span>热门搜索：</span> <a
								href="">操盘手</a> <a href="">书虫</a> <a href="">牛津高阶</a> <a href="">中小学教辅特价</a>
							<a href="">秘密花园</a>
						</p>

					</form>

					<div class="search-view-list">
						<ul>
							<li class="view-li"></li>
						</ul>
					</div>
				</div>
			</div>

			<div class="header-nav">
				<div class="main-nav">
					<h2 class="all-categories">全部商品分类</h2>
					<ul>
						<li><a href="">首页</a></li>
						<li class="nav-bar"></li>
						<li><a href="">图书</a></li>
						<li class="nav-bar"></li>
						<li><a href="">特价</a></li>
						<li class="nav-bar"></li>
						<li><a href="">团购</a></li>
						<li class="nav-bar"></li>
					</ul>
				</div>
			</div>
		</div>
		<div class="cart">
			<div class="notNullCart"></div>
		</div>
		<div class="container box-shadow">
			<div class="box-content">
				<p class="crumbs">
					你的位置： <a href="">蔚蓝网</a> <span>&gt;</span> <a class="current"
						href="yonghuzhongxin.jsp">用户中心</a>
				</p>
				<div class="user-content">
					<div class="userCenter-side-nav clearfix">
						<h1 class="blue">用户中心</h1>
						<ul class="first clearfix">
							<li><h2>交易管理</h2></li>
							<li>
								<ul class="second">
									<li><a href="wodedingdan.jsp">我的订单</a></li>
									<li><a href="tuihuo.jsp">申请退货</a></li>
								</ul>
							</li>
							<li><h2>我的商品</h2></li>
							<li>
								<ul class="second">
									<li><a href="wodepinglun.jsp">我的评论</a></li>
									<li><a href="wodeshuochang.jsp">我的收藏</a></li>

								</ul>
							</li>
							<li><h2>账户中心</h2></li>
							<li>
								<ul class="second">
									<li><a href="gerenxinxi.jsp">个人信息</a></li>
									<li><a href="">收货地址</a></li>
								</ul>
							</li>
						</ul>
					</div>
				<div class="userCenter-content">
				<h1 class="blue-line clearfix ">编辑账户信息</h1>
				<p class="pink-line">
					您好，个人信息中带 <span class="red">*</span> 项目为必填项。
				</p>
				<div class="info-type">
					<div class="basis-info default-selected"><a href="javascript:void(0);">基本信息</a></div>
				</div>
				<form action="" class="info-edit"
					method="post">
					<!--{基本信息 start}-->
					<div class="basic-infor">
						<p>
							<label class="person-label"><span class="red">*</span>昵称：</label>
							<input type="text" id="rname" class="username" name="rname" value=""/>
						</p>
						<p>
							 <label class="person-label"><span class="red">*</span>性别：</label>
							
								
								
									<input type="radio" name="sex" value="1" checked="checked">
                                    男
                                    <input type="radio" name="sex"
										class="sex" value="0">
                                    女
                                
							<p>
							<label class="person-label">生日：</label>
					       <input onfocus="WdatePicker()" value="" class=""  name="birthday">
						   </p>
						
						<div class="book-type">
							<label class="book-type-title person-label" >喜欢图书类型：</label>
							<div class="book-type-contant clearfix">
									
										<span> <input type="checkbox" name="bookTypes"
											id="bookType1172" value="1172"
											class="book-type"> <label
											for="bookType1172">文学</label>
										</span>
									
										<span> <input type="checkbox" name="bookTypes"
											id="bookType6273" value="6273"
											class="book-type"> <label
											for="bookType6273">小说</label>
										</span>
									
										<span> <input type="checkbox" name="bookTypes"
											id="bookType1198" value="1198"
											class="book-type"> <label
											for="bookType1198">传记</label>
										</span>
									
										<span> <input type="checkbox" name="bookTypes"
											id="bookType4017" value="4017"
											class="book-type"> <label
											for="bookType4017">少儿</label>
										</span>
									
										<span> <input type="checkbox" name="bookTypes"
											id="bookType169" value="169"
											class="book-type"> <label
											for="bookType169">经济</label>
										</span>
									
										<span> <input type="checkbox" name="bookTypes"
											id="bookType3059" value="3059"
											class="book-type"> <label
											for="bookType3059">管理</label>
										</span>
									
										<span> <input type="checkbox" name="bookTypes"
											id="bookType199" value="199"
											class="book-type"> <label
											for="bookType199">考试</label>
										</span>
									
										<span> <input type="checkbox" name="bookTypes"
											id="bookType7096" value="7096"
											class="book-type"> <label
											for="bookType7096">教材</label>
										</span>
									
										<span> <input type="checkbox" name="bookTypes"
											id="bookType151" value="151"
											class="book-type"> <label
											for="bookType151">外语</label>
										</span>
									
										<span> <input type="checkbox" name="bookTypes"
											id="bookType789" value="789"
											class="book-type"> <label
											for="bookType789">建筑</label>
										</span>
									
										<span> <input type="checkbox" name="bookTypes"
											id="bookType3068" value="3068"
											class="book-type"> <label
											for="bookType3068">文化</label>
										</span>
									
										<span> <input type="checkbox" name="bookTypes"
											id="bookType1180" value="1180"
											class="book-type"> <label
											for="bookType1180">艺术</label>
										</span>
									
										<span> <input type="checkbox" name="bookTypes"
											id="bookType1209" value="1209"
											class="book-type"> <label
											for="bookType1209">历史</label>
										</span>
									
										<span> <input type="checkbox" name="bookTypes"
											id="bookType1213" value="1213"
											class="book-type"> <label
											for="bookType1213">法律</label>
										</span>
									
										<span> <input type="checkbox" name="bookTypes"
											id="bookType2207" value="2207"
											class="book-type"> <label
											for="bookType2207">政治</label>
										</span>
									
										<span> <input type="checkbox" name="bookTypes"
											id="bookType1210" value="1210"
											class="book-type"> <label
											for="bookType1210">军事</label>
										</span>
									
										<span> <input type="checkbox" name="bookTypes"
											id="bookType1202" value="1202"
											class="book-type"> <label
											for="bookType1202">体育</label>
										</span>
									
										<span> <input type="checkbox" name="bookTypes"
											id="bookType2497" value="2497"
											class="book-type"> <label
											for="bookType2497">音像</label>
										</span>
									
							</div>
						</div>
					</div>
					<div class="user-photo">
						
						<!--{当前头像 end}-->
					</div>
					<div class="secondary-infor">
						<p>
							 <label class="person-label"><span class="red">*</span>电子邮箱：</label>
							 <input type="text" id="youxiang" class="" name="youxiang" value=""/> 	 
						</p>
						<p>
							 <label class="person-label"><span class="red">*</span>手机号码：</label>
							 <input type="text" id="diaohua" class="" name="dianhua" value=""/> 	 
						</p>
						<p>
							 <label class="person-label"><span class="red">*</span>用户名：</label>
							 <strong>蔚蓝</strong>
						</p>
						<p>
							<label class="person-label">所在地：</label> <select
								name="provinceId" id="province">
								<option value="-1" selected="selected">请选择</option>
								
									<option value="16">﻿北京市</option>
								
									<option value="34">天津市</option>
								
									<option value="52">河北省</option>
								
									<option value="247">山西省</option>
								
									<option value="389">内蒙古自治区</option>
								
									<option value="512">辽宁省</option>
								
									<option value="641">吉林省</option>
								
									<option value="719">黑龙江省</option>
								
									<option value="873">上海市</option>
								
									<option value="892">江苏省</option>
								
									<option value="1023">浙江省</option>
								
									<option value="1136">安徽省</option>
								
									<option value="1274">福建省</option>
								
									<option value="1378">江西省</option>
								
									<option value="1501">山东省</option>
								
									<option value="1676">河南省</option>
								
									<option value="1871">湖北省</option>
								
									<option value="2001">湖南省</option>
								
									<option value="2151">广东省</option>
								
									<option value="2313">广西壮族自治区</option>
								
									<option value="2451">海南省</option>
								
									<option value="2480">重庆市</option>
								
									<option value="2520">四川省</option>
								
									<option value="2741">贵州省</option>
								
									<option value="2844">云南省</option>
								
									<option value="2998">西藏自治区</option>
								
									<option value="3080">陕西省</option>
								
									<option value="3208">甘肃省</option>
								
									<option value="3321">青海省</option>
								
									<option value="3374">宁夏回族自治区</option>
								
									<option value="3407">新疆维吾尔自治区</option>
								
							</select> <select name="cityId" id="city">
								<option value="-1" selected="selected">请选择</option>
							</select> <select name="countyId" id="county">
								<option value="-1" selected="selected">请选择</option>
							</select>
						</p>
						<p>
							<input type="text" class="town-address" name="location"
								value=""/>
						</p>
					</div>
					<button type="submit" class="btn-style1">保存</button>
				</form>
			</div>
		</div>
	</div>
</div>
	<div class="footer">
		<div class="footer-nav">
			<span>正版保障</span> 
			<span>满额免运</span> 
			<span>货到付款</span> 
			<span>品种全</span> 
			<span>免费退换</span>
		</div>
		<div class="footer-links">
			<a href="">关于我们</a> <span>|</span> <a href="">销售联盟</a> <span>|</span>
			<a href="">图书批发</a> <span>|</span> <a href="">友情链接</a> <span>|</span>
			<a href="">汇款单招领</a> <span>|</span> <a href="">税务师</a>
		</div>
	</div>
</div>
</body>
</html>